<div class="row">
    <div class="col-xs-12">
        <div class="panel panel-midnightblue">
            	<div class="panel-body">
            		<!--http://www.jquery-steps.com/Examples#manipulation-->
            		<div class="row">
            			<div id="example-tabs">
						    <h3>Keyboard</h3>
						   	 <section>
						        <p>What is needed to transform it to a tabs component? Not much. Just override some properties and done.</p>
						    </section>
						    <h3>Other demos</h3>
						    <section>
						        <p>Scroll down or up to see the other demos.</p>
						    </section>
						    <h3>Documentation</h3>
						    <section>
						        <p>For more information <a href="https://github.com/rstaib/jquery-steps/wiki">check out the documentation</a>!</p>
						    </section>
						    <h3>Download</h3>
						    <section>
						        <p>See on getting started!</p>
						    </section>
						</div>
            		</div>
					
					<div class="row">
						<div id="example-vertical">
						    <h3>Keyboard</h3>
						    <section>
						        <p>Try the keyboard navigation by clicking arrow left or right!</p>
						    </section>
						    <h3>Effects</h3>
						    <section>
						        <p>Wonderful transition effects.</p>
						    </section>
						    <h3>Pager</h3>
						    <section>
						        <p>The next and previous buttons help you to navigate through your content.</p>
						    </section>
						</div>
						
					</div>
           		</div>
        </div>
    </div>
</div>
<script type='text/javascript' src='{$Think.GYM_VIEW_JS}demo/step.js'></script>